page-to-do-approval {
  .isEnd{
    margin: -20px auto;
    text-align: center;
    color: #999999;
  }
  .notify {
    margin: 0 auto;
    //min-height:7rem;
    display: flex;
    border-bottom:1px dashed rgba(0, 0, 0, 0.3);;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0;
    .notifyLeft {
      width: 3rem;
      height: 3rem;
      border-radius: 0.5rem;
      background-color: #e4eff4;
      display: flex;
      justify-content: center;
      align-items: center;
      border-bottom: 0.2px solid rgba(0, 0, 0, 0.3);
      img {
        width: 2.2rem;
      }
    }
    .notifyRight {
      width: 86%;
      flex-direction: column;
      .notifyTitle {
        //overflow: hidden;
        //text-overflow: ellipsis;
        //white-space: nowrap;
        label {
          color: #000;
          font-size: 1.4rem;

         // word-break: keep-all;
        }
        div {
          font-size: 1.4rem;
        }
      }
    }
    .notifyMsg {
      color: #666666;
      font-size: 1.2rem;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      margin-top:1rem;
    }
  }
  .segment-ios .segment-button {
    height: 4rem;
    line-height: 4rem;
    font-size: 15px;
    color: black;
  }
  .label-ios{
    margin: 0;
  }
  ion-label {
    color: black;
  }
  .segment-ios .segment-button.segment-activated{
    background-color: #3189fb;
    color:#fff !important;
    ion-label {
      color: #fff;
    }
  }
}
